<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$system_set.site_title}</title>
    <meta name="keywords" content="{$system_set.seo_keywords}">
    <meta name="description" content="{$system_set.seo_description}">
    <link rel="Bookmark" href="/public/favicon.ico" >
    <link rel="Shortcut Icon" href="/public/favicon.ico" />
    <link rel="stylesheet" href="/public/static/home/css/bootstrap.min.css">
    <link rel="stylesheet" href="/public/static/home/css/idangerous.swiper.css">
    <link rel="stylesheet" href="/public/static/home/css/font/iconfont.css">
    <link rel="stylesheet" href="/public/static/home/css/common.css">
    <link rel="stylesheet" href="/public/static/home/css/header.css">
    <link rel="stylesheet" href="/public/static/home/css/footer.css">
    <link rel="stylesheet" href="/public/static/home/css/index.css">
    <style>

    </style>
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="center clearfix">
            <!-- Brand and toggle get grouped for better mobile display -->
            <img src="/public/static/home/img/logo.png" alt="" class="logo">
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>
            <div class="holder1"></div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="{:url('index/index')}">天虎物流</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                    <li><a href="{:url('news/news')}">新闻中心</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                    <li><a href="{:url('business/business')}">业务介绍</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                    <li><a href="{:url('service/service')}">客户服务</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                    <li><a href="{:url('join/join')}">加盟合作</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                    <li><a href="{:url('salary/salary')}">人力资源</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                    <li><a href="{:url('contact/contact')}">联系我们</a>
                        <div class="trigon-t">
                            <div class="trigon"></div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
            <div class="phone">
                <img class="phone_img" src="/public/static/home/img/phone.jpg" alt="">
                <span>{$system_set.tel}</span>
            </div>
        </div>
        
        <div class="phone-bg"></div>
        <!-- /.container-fluid -->
    </nav>
    <div class="holder"></div>
    <div class="home-cate">
        <div class="center">
            <ul class="catesub">
                <li><a href="{:url('intro/intro')}">公司介绍</a></li>
                <li><a href="{:url('intro/culture')}">企业文化</a></li>
                <li><a href="{:url('intro/event')}">发展历程</a></li>
                <li><a href="{:url('intro/honour')}">荣誉资质</a></li>
                <li><a href="{:url('intro/partner')}">合作伙伴</a></li>
            </ul>
            <ul class="catesub">
                <li><a href="{:url('news/news')}">公司新闻</a></li>
                <li><a href="{:url('news/trends')}">行业动态</a></li>
                <li><a href="{:url('news/delivery')}">发货信息</a></li>
            </ul>
            <ul class="catesub">
                {foreach $express as $k=>$v}
                <li><a href="{:url('business/business')}?id={$v.id}">{$v.title}</a></li>
                {/foreach}
            </ul>
            <ul class="catesub">
                <li><a href="{:url('service/service')}">物流路线</a></li>
                <li><a href="{:url('service/process')}">服务流程</a></li>
                <li><a href="{:url('service/advantage')}">服务优势</a></li>
                <li><a href="{:url('service/protect')}">服务保障</a></li>
            </ul>
            <ul class="catesub">
                <li><a href="{:url('join/join')}">加盟项目</a></li>
                <li><a href="{:url('join/cooperate')}">合作流程</a></li>
            </ul>
            <ul class="catesub">
                <li><a href="{:url('salary/salary')}">薪酬待遇</a></li>
                <li><a href="{:url('salary/recruit')}">招聘岗位</a></li>
            </ul>
            <ul class="catesub">
                <li><a href="{:url('contact/contact')}">联系方式</a></li>
                <li><a href="{:url('contact/message')}">在线留言</a></li>
            </ul>
        </div>
    </div>
    <!-- banner -->
    <!-- <div class="swiper-container swiper-container-header">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="home-banner">
                    <div class="center clearfix">
                        <div class="banner-title">服务创造价值</div>
                        <div class="banner-desc">安全高效、诚实守信、优质服务</div>
                        <a href="" class="banner-btn">
                            <span>了解我们</span>
                            <span>|</span>
                            <span class="iconfont icon-you"></span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="home-banner">
                    <div class="center clearfix">
                        <div class="banner-title">服务创造价值</div>
                        <div class="banner-desc">安全高效、诚实守信、优质服务</div>
                        <a href="" class="banner-btn">
                            <span>了解我们</span>
                            <span>|</span>
                            <span class="iconfont icon-you"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-pagination swiper-pagination-header"></div>
    </div> -->
    <div class="device">
        <a class="arrow-left" href="#"></a>
        <a class="arrow-right" href="#"></a>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {foreach $banner as $k=>$v}
                <div class="swiper-slide">
                    <div class="home-banner" style="background-image:url(/public{$v.img});">
                        <div class="center clearfix">
                            <div class="banner-title">服务创造价值</div>
                            <div class="banner-desc">安全高效、诚实守信、优质服务</div>
                            <a href="{:url($v.url)}" class="banner-btn">
                                <span>了解我们</span>
                                <span>|</span>
                                <span class="iconfont icon-you"></span>
                            </a>
                        </div>
                    </div>
                </div>
                {/foreach}
            </div>
            <div class="pagination"></div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="about">
        <div class="center about-cotainer">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-xl-6">
                    <div class="about-etitle">ABOUT US</div>
                    <div class="about-ctitle">天虎物流</div>
                    <div class="about-content">
                        {:mb_substr(strip_tags($introduce.introduce),0,150,'utf-8')}
                    </div>
                    <a href="{:url('intro/intro')}" class="about-more"><span>了解更多</span><img src="/public/static/home/img/more.jpg" alt=""></a>
                    <div class="about-box"></div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-xl-6">
                    <div class="about-img">
                        <img src="/public/static/home/img/about.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="about-num">
                {volist name="introduce['intro_item']" id="value" key="kk"}
                <div class="num-item">
                    <div class="num-item-tit"><span>{$value->attrval}</span><span>+</span></div>
                    <div class="num-item-desc">{$value->attrname}</div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
    <!-- 公司业务 -->
    <div class="business">
        <div class="business-title">公司业务</div>
        <div class="business-title-sub">天虎物流立足华中，以华南、华东、华北、西南为主干线，全面开拓武汉至全国各地公路货物直达和中转及大型货物装卸业务</div>
        <div class="row">
            {foreach $express as $k=>$v}
            <div class="business-item col-xs-12 col-sm-12 col-md-3 col-lg-3">
                <div class="item-img"><img src="/public{$v.img}" alt="" style="object-fit:cover;"></div>
                <div class="item-title">{$v.title}</div>
                <div class="item-desc">{$v.description}
                </div>
                <a href="{:url('business/business')}?id={$v.id}" class="mask">
                    <div class="mask-title">{$v.title}</div>
                    <div class="mask-desc">{$v.description}
                    </div>
                    <div class="mask-img">
                        <img src="/public/static/home/img/a.jpg" alt="">
                    </div>
                </a>
            </div>
            {/foreach}
        </div>
    </div>
    <div class="newscenter">
        <div class="center">
            <div class="newscenter-title">新闻中心</div>
            <div class="newscenter-title-sub">我们欢迎有识之士的加盟，让我们精诚合作，在互利互惠中共同发展，共创未来。</div>
            <div class="row ">
                <div class="newscenter-left col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="news-logo">
                        <img src="/public/static/home/img/n-logo.jpg" alt="">
                        <span>公司新闻</span>
                    </div>
                    <div class="news-content news-left">
                        <img src="/public/{$top_news.img}" alt="">
                        <div class=" item-first">
                            <div class="item-first-top">
                                <span class="item-title">{$top_news.title}</span>
                                <span class="item-time">{:date('m-d',$v.time)}</span>
                            </div>
                            <a href="{:url('news/newsdetail')}?id={$top_news.id}" class="item-first-down">
                                <span class="item-desc">{:mb_substr(strip_tags($top_news.detail),0,50,'utf-8')}</span>
                                <span class="item-more">查看详情</span>
                            </a>
                        </div>
                        {foreach $news as $k=>$v}
                        <div class="news-item">
                            <a href="{:url('news/newsdetail')}?id={$v.id}">
                                <span class="item-title">{$v.title}</span>
                                <span class="item-time">{:date('m-d',$v.time)}</span>
                            </a>
                        </div>
                        {/foreach}
                        <a href="{:url('news/news')}" class="morenews-l">
                            更多新闻>>
                        </a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="news-logo">
                        <img src="/public/static/home/img/e-logo.jpg" alt="">
                        <span>发货信息</span>
                    </div>
                    <div class="news-content news-right">
                        {foreach $express_news as $k=>$v}
                        <div class="news-item">
                            <a href="{:url('news/deliverydetail')}?id={$v.id}">
                                <span class="item-title">{$v.title}</span>
                                <span class="item-time">{:date('m-d',$v.time)}</span>
                            </a>
                        </div>
                        {/foreach}
                        <a href="{:url('news/delivery')}" class="morenews-r">
                            更多新闻>>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="center">
            <div class="">
                <div class="footer-item">
                    <a class="item-title" href="{:url('index/index')}">
                        <div>天虎物流</div>
                    </a>
                    <a class="item-branch" href="{:url('intro/intro')}">
                        <div>公司介绍</div>
                    </a>
                    <a class="item-branch" href="{:url('intro/culture')}">
                        <div>企业文化</div>
                    </a>
                    <a class="item-branch" href="{:url('intro/event')}">
                        <div>发展历程</div>
                    </a>
                    <a class="item-branch" href="{:url('intro/honour')}">
                        <div>荣誉资质</div>
                    </a>
                    <a class="item-branch" href="{:url('intro/partner')}">
                        <div>合作伙伴</div>
                    </a>
                </div>
                <div class="footer-item">
                    <a class="item-title" href="{:url('news/news')}">
                        <div>新闻中心</div>
                    </a>
                    <a class="item-branch" href="{:url('news/news')}">
                        <div>公司新闻</div>
                    </a>
                    <a class="item-branch" href="{:url('news/trends')}">
                        <div>行业动态</div>
                    </a>
                    <a class="item-branch" href="{:url('news/delivery')}">
                        <div>发货信息</div>
                    </a>
                </div>
                <div class="footer-item">
                    <a class="item-title" href="{:url('business/business')}">
                        <div>公司业务</div>
                    </a>
                    {foreach $express as $k=>$v}
                    <a class="item-branch" href="{:url('business/business')}?id={$v.id}">
                        <div>{$v.title}</div>
                    </a>
                    {/foreach}
                </div>
                <div class="footer-item">
                    <a class="item-title" href="{:url('service/service')}">
                        <div>客户服务</div>
                    </a>
                    <a class="item-branch" href="{:url('service/service')}">
                        <div>物流路线</div>
                    </a>
                    <a class="item-branch" href="{:url('service/process')}">
                        <div>服务流程</div>
                    </a>
                    <a class="item-branch" href="{:url('service/advantage')}">
                        <div>服务优势</div>
                    </a>
                    <a class="item-branch" href="{:url('service/protect')}">
                        <div>服务保障</div>
                    </a>
                </div>
                <div class="footer-item">
                    <a class="item-title" href="{:url('join/join')}">
                        <div>加盟合作</div>
                    </a>
                    <a class="item-branch" href="{:url('join/join')}">
                        <div>合作项目</div>
                    </a>
                    <a class="item-branch" href="{:url('join/cooperate')}">
                        <div>合作流程</div>
                    </a>
                </div>
                <div class="footer-item">
                    <a class="item-title" href="{:url('salary/salary')}">
                        <div>人力资源</div>
                    </a>
                    <a class="item-branch" href="{:url('salary/salary')}">
                        <div>薪酬待遇</div>
                    </a>
                    <a class="item-branch" href="{:url('salary/recruit')}">
                        <div>招聘岗位</div>
                    </a>
                </div>
                <div class="footer-item">
                    <a class="item-title" href="{:url('contact/contact')}">
                        <div>联系我们</div>
                    </a>
                    <a class="item-branch" href="{:url('contact/contact')}">
                        <div>联系方式</div>
                    </a>
                    <a class="item-branch" href="{:url('contact/message')}">
                        <div>客户留言</div>
                    </a>
                </div>
                <div class="foot-qrcode">
                    <img src="/public{$system_set.qrcode_wechat}" alt="">
                    <div>天虎微官网</div>
                </div>
            </div>
        </div>
    </footer>
    <div class="bottom">
        <div class="center">
            <div class="bottom-top">
                <div class="bottom-item">公司地址： {$system_set.address}</div>
                <div class="bottom-item">传真：{$system_set.fax}</div>
                <div class="bottom-item">Email：{$system_set.email}</div>
                <div class="bottom-item">电话：<span>{$system_set.tel}</span></div>
            </div>
            <div class="bottom-down">
                <div class="bottom-item">copyright © {$system_set.copyright}</div>
                <div class="bottom-item"><a href="http://beian.miit.gov.cn/">鄂ICP备：{$system_set.icp}</a></div>
                <div class="bottom-item"><a href="http://www.hbciya.cn">网站建设：思洋互动</a></div>
            </div>
        </div>
    </div>

</body>
<script src="/public/static/home/js/jquery.js"></script>
<script src="/public/static/home/js/bootstrap.min.js"></script>
<script src="/public/static/home/js/idangerous.swiper.min.js"></script>
<script src="/public/static/home/js/common.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.pagination',
        loop: true,
        // grabCursor: true,
        paginationClickable: true
    })
    $('.arrow-left').on('click', function (e) {
        e.preventDefault()
        mySwiper.swipePrev()
    })
    $('.arrow-right').on('click', function (e) {
        e.preventDefault()
        mySwiper.swipeNext()
    })
</script>

</html>